@import url(./base.less);
@right_width:300px;
@tip_height:36px;

.environ_main{
    background: url(../images/p1.jpeg) center center no-repeat;
    background-size: 100% 100%;
    width: calc(100% - @right_width) !important;
    position: relative;
    .comTip{
        position: absolute;
        background: @gray_99;
        height:@tip_height !important;
        line-height: @tip_height;
        min-width:200px;
        border-radius: @tip_height;
        padding:0 20px 0 46px;
        color:@gray_f8;
        cursor: pointer;
        user-select: none;
        box-shadow: rgba(0,0,0,0.2);
        .iconfont{
            position: absolute;
            left:0;
            top:0;
            height:@tip_height;
            width: @tip_height;
            border-radius: 100%;
            background: @green;
            color:@white;
            text-align: center;
            line-height: @tip_height;
            font-size:20px;
        }
        &.sunLight{
            top:10%;
            left:10%;
        }
        
    }
}
.body_right{
    width: @right_width !important;
}
.temperature{
    span{
        display: inline-block;
    }
    .today{
        .bigText{
            padding-top:10px;
            font-size:20px;
        }
        .text{
            line-height: 20px;
            color:@gray_99;
        }
        .line{
            height:10px;
            width: 1px;
            background: @gray_99;
            margin:0 5px;
        }
    }
    .item{
        margin-bottom:10px;
        .bigText{
            font-size:15px;
        }
        span{
            min-width: 50px;
            &.float-right{
                margin-right:0;
            }
        }
        .text{
            font-size:13px;
            color:@gray_d6;
        }
    }
    .btnBox{
        padding:10px 0 0;
        button{
            width: 100%;
            background: none;
            color:@white;
            &:hover{
                background: @gray_66;
            }
        }
    }
}
.dataView{
    margin:20px -20px;
    height:260px;
}
.dragBox{
    width: 100%;
    border:1px solid @gray_d6;
    color:@gray_f8;
    text-align: center;
    padding:50px 0;
    .iconfont{
        font-size:30px;
    }
}